<%@page import="Modelo.Querys"%>
<%@page import="Modelo.Selects"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <jsp:include page="head.jsp"></jsp:include>
    <body>
        <script type="text/javascript">
            $(function()
            {
                $("#basic").pickList();
            });
            $(document).ready(function(){
            <%=Querys.CheckDB()%>
            <%
    String mensaje = request.getParameter("FinalMessage");
    if (mensaje != null) {
            %>
                    new Messi('<%=mensaje%>', {title: 'Resultado', autoclose: '3000', titleClass: 'info', buttons: [{id: 0, label: 'Cerrar', val: 'X'}]});
            <%
    }
            %>  
                    var AgentSelected = $("#SelectAgent option:selected").val();
                    $("#AsigSelect").load("Contr_aap.jsp?Type=1&Agent="+AgentSelected);
                    
                    $("#SelectAgent").change(function(){
                    var AgentSelected = $("#SelectAgent option:selected").val();
                    $("#AsigSelect").load("Contr_aap.jsp?Type=1&Agent="+AgentSelected);
                });                
                 $("#Send").click(function(){
        var lista = $("#ulTarget li")
        var datos = "";
        $.each(lista, function(){
            datos = datos + $(this).val()+";"; 
        });
        $.ajax({
            type: "POST",
            data: "Type=2&Datos="+datos+"&Agent="+$("#SelectAgent option:selected").val(),
            url: "Contr_aap.jsp",
            success: function(respuesta){
            new Messi(respuesta, {title: 'Resultado', autoclose: '3000', titleClass: 'info', buttons: [{id: 0, label: 'Cerrar', val: 'X'}]});
            }
        });
    });
                });                
        </script>
        <section id="wrapper">
            <header>
            </header>
            <jsp:include page="menu.jsp"></jsp:include>
            <p></p>
            <section id="container">
                <section id="FormType">
                        <fieldset>
                            <h2>Asignar Incidencias a Agentes</h2>
                            <table border="0">
                            <thead>
                                <tr>
                                    <th><label>Escoge el Agente</label></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <select id="SelectAgent" name="SelectAgent">
                                            <%=Selects.FullAgent()%>
                                        </select>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <section id="AsigSelect">
                            
                        </section>
                                        </br>
                        <button id="Send" name="Send" class="button" >Actualizar Asignaciones</button>
                        </fieldset>
                </section>
            </section>
        </section>
        <footer>
            Proyecto de Investigacion de <a href="http://gitecx.unillanos.edu.co/" target="_blank">Gitecx</a> SAMP
        </footer>
    </body>
</html>